<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/home.css"/>
		<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
		<script type="text/javascript" src="js/reset.js"></script>
	   <script type="text/javascript">
			$(window).load(function() {
				$("#status").fadeOut();
				$("#preloader").delay(350).fadeOut("slow");
				$('#box').delay(350).css('display','block')
			})
		</script>
	</head>
	<body>
		<!--页面加载 开始-->
		  <div id="preloader">
		    <div id="status">
		      <p class="center-text"><span>拼命加载中···</span></p>
		    </div>
		  </div>
		  <!--页面加载 结束--> 
		<div id="box">
		<header class="head-top">
				<i class="iconfont my-user">&#xe605;</i>
				<img src="../img/images/title_03.png"/>
				<i class="iconfont">&#xe61b;</i>
			</header>
		<section class="cont" id="sc">
			<ul class="cont-content">
				 <li class="cont-top">
						<div class="cont-top-head">
							<div></div>
						    <h2>每日推荐</h2>
						    <div></div>
						</div>
						<ul>
							<li class="cont-top-content">
								<img src="../img/timg.jpg"/>
								<p>VP战队重回世界之巅全程回顾</p>
								<p>by Dotaer | DOTA2 /03'39"</p>
							</li>
							<li class="cont-top-content">
								<img src="../img/timg.jpg"/>
								<p>VP战队重回世界之巅全程回顾</p>
								<p>by Dotaer | DOTA2 /03'39"</p>
							</li>
							<li class="cont-top-content">
								<img src="../img/timg.jpg"/>
								<p>VP战队重回世界之巅全程回顾</p>
								<p>by Dotaer | DOTA2 /03'39"</p>
							</li>
						</ul>
						<div class="cont-top-more  check-all">
							<p>查看全部今日推荐</p>
							<i class="iconfont xiangyou">&#xe692;</i>
						</div>
				   </li>
				  <li class="cont-content">
				   	    <div class="cont-top-head">
							<div></div>
						    <h2>精彩屏道</h2>
						    <div></div>
						</div>
						<ul>
							<li class="common-bg">
								<div class="cont-content-head">
									<div class="cont-content-backg"></div>
									<div class="cont-douyu">
										<div class="cont-douyu-tv">
											<p>斗鱼TV</p>
								           <i class="iconfont xiangyou">&#xe692;</i>
										</div>
										<p class="total-people">全民直播平台</p>
									</div>
									<div class="cont-content-foot">已关注</div>
								</div>
								<div class="common-bg-style">
									<img src="../img/lol.jpg"/>
									<p>VP战队重回世界之巅全程回顾</p>
									<p>by Dotaer | DOTA2 /03'39"</p>
								</div>
							</li>
							<li class="common-bg">
								<div class="cont-content-head">
									<div class="cont-content-backg"></div>
									<div class="cont-douyu">
										<div class="cont-douyu-tv">
											<p>斗鱼TV</p>
								           <i class="iconfont xiangyou">&#xe692;</i>
										</div>
										<p class="total-people">全民直播平台</p>
									</div>
									<div class="cont-content-foot">已关注</div>
								</div>
								<div class="common-bg-style">
									<img src="../img/lol.jpg"/>
									<p>VP战队重回世界之巅全程回顾</p>
									<p>by Dotaer | DOTA2 /03'39"</p>
								</div>
							</li>
						</ul>
				   </li>
				   
				   <li class="cont-foot">
				   	    <div class="cont-top-head">
							<div></div>
						    <h2>游戏分类</h2>
						    <div></div>
					    </div>
					    <ul>
					    	<li>
					    		<div class="common-style-pic">
									<img src="../img/logo.jpg"/>
									<p>CSGO</p>
								</div>
					    	</li>
					    	<li>
					    		<div class="common-style-pic">
									<img src="../img/logo.jpg"/>
									<p>CSGO</p>
								</div>
					    	</li>
					    	<li>
					    		<div class="common-style-pic">
								<img src="../img/logo.jpg"/>
								<p>CSGO</p>
							</div>
					    	</li>
					    </ul>
						<div class="cont-foot-more">
							<p>COMING SOON</p>
							<p>更多游戏敬请期待</p>
						</div>
				   </li>
			</ul>
		</section>
		</div>
		<script type="text/javascript" src="js/iscroll.js"></script>
		<script type="text/javascript">
			$(function(){
				var myscroll=new IScroll("#sc",{
					startY:96
				})
			function actionDown(){
			  
				for(var i=0;i<2;i++){
					var de=new Date()
					var li=$("<li>"+
					  '<div class="cont-top-head">'+
							'<div></div>'+
						    '<h2>每日推荐</h2>'+
						    '<div></div>'+
						'</div>'+
						'<ul>'+
							'<li class="cont-top-content">'+
								'<img src="../img/timg.jpg"/>'+
								'<p>VP战队重回世界之巅全程回顾</p>'+
								'<p>by Dotaer | DOTA2 /03 39</p>'+
							'</li>'+
							'<li class="cont-top-content">'+
								'<img src="../img/timg.jpg"/>'+
								'<p>VP战队重回世界之巅全程回顾</p>'+
								'<p>by Dotaer | DOTA2 /03 39</p>'+
							'</li>'+
						'</ul>'+
						'<div class="cont-top-more  check-all">'+
							'<p>查看全部今日推荐</p>'+
						'	<i class="iconfont xiangyou">&#xe692;</i>'+
						'</div>'
					+"</li>")
					li.insertBefore($(".cont-content li").eq(0))
				}
				setTimeout(function(){
					myscroll.refresh()
					startY=$("ul").height()
					myscroll.scrollTo(0,96)
				}
			  	,1000)
					
				}
			myscroll.on("scrollEnd",function(){
					
					if(this.directionY==-1){
						actionDown()
					}
				})
			})
		</script>
	</body>
</html>


<!--
	
				-->